<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <#include "../../common/header.ftl">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.css">
    <!-- Latest compiled and minified JavaScript -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
    <!-- Latest compiled and minified Locales -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script>
</head>
<body>
<div class="container-fluid">
    <#include "../../common/left-nav.ftl">

    <div class="main-box">
        <div class="crumbs">
            <ul class="sub-nav">
                <li><a href="${base}/admin/system">账号管理</a></li>
                <li><a href="${base}/admin/system/role">角色权限</li>
                <li class="active">数据字典</li>
            </ul>
        </div>

        <div class="search-bar">
            <input type="text" placeholder="输入名称查询" id="searchBox">
            <a href="${base}/admin/driver/edit" class="btn btn-default btn-in-input">
                <span class="glyphicon glyphicon-plus"></span>
            </a>
        </div>
        <div style="padding: 10px">
            <table id="table"></table>
        </div>

    </div>
</div>
</body>
</html>

<script type="text/javascript">
    $(document).ready(function () {
        var dataTable = $('#table');
        dataTable.bootstrapTable({
            url: '/data/project.json',
            columns: [
                {field: 'id', title: 'ID', visible: false},
                {
                    field: 'orderNo', title: '值', formatter: function (value, row) {
                        return '<a href="project/' + value + '">' + value + '</a>';
                    }
                },
                {field: 'shipper', title: '类型', width: 200, align: 'center'},
                {field: 'carrier', title: '编辑', width: 200, align: 'center'}
            ]
        });
    })
</script>